<template>
	<div class="container">
	<div class="pd titlle">成为合伙分销商</div>
	<div class="flex-col pd ">
		<div class="pd flex-col bg-white view">
			<div class="flex-row bd-bottom pd-b">
				<div class="flex-grow-0 mg-r ">名称</div>
				<input class="flex-grow-1 " placeholder="请重新填写渠道名称"/>
			</div>
			<div class="flex-row pd-t">
				<div class="flex-grow-0 mg-r">地址</div>
				<input  placeholder="实体店请填写店铺地址|电商请填写店铺网址"/>
			</div>
		</div>
		<div class="pd flex-col bg-white view mg-t">
			<div class="flex-row bd-bottom pd">
				<div class="flex-grow-0 mg-r ">经营范围</div>
				<input class="flex-grow-1 " placeholder="请填写经营范围"/>
			</div>
			<div class="flex-row pd  bd-bottom">
				<div class="flex-grow-0 mg-r ">实力展示</div>
				<input  placeholder="请填写店铺面积/等级及团人数"/>
			</div>
				<div class="flex-row pd bd-bottom">
				<div class="flex-grow-0 mg-r">负责人</div>
				<input  placeholder="请填写主要负责人名称"/>
			</div>
			<div class="flex-row pd">
				<div class="flex-grow-0 mg-r">手机</div>
				<input  placeholder="请填写负责人手机号码"/>
			</div>
		</div>
		<div class="flex-row flex-y-center pd">
				<van-checkbox v-model="checked">已经阅读并且同意新版</van-checkbox><span class="moneyColor">【分销赚钱规则】</span>
	  </div>
	  <button class="submitBtn mg-t pd" :disabled="!checked">确认提交</button>

	</div>
</div>
</template>
<script>
	export default({
		data(){
			return{
				checked:false
			}
		}
	})
</script>
<style lang="less" scoped>
	.titlle{
		border-bottom:2px solid #F75B93;
		text-align:center;
		background-color:#fff;
	}
	.view{
		border:1px solid #aaa;
		input{
			border:none;
		}
	}
	.submitBtn{
	width:80%;
	border:none;
	background-color:#F75B93;
	color:#fff;
	margin-left:10%;
	border-radius:5px;
}
.submitBtn:disabled{
	background-color:#ddd;
}
</style>